:root {
    /**
     * 注释: 边距和圆角
     *
     * */
    /* 字体与图标之间的距离 */
    --font-icon-gap: 12px;
    /* 模块之间的距离,需要较为紧凑 */
    --module-gap-small: 2px;
    --module-gap-normal: 12px;
    /* 行与行之间的距离 */
    --line-gap: 24px;
    /* 统一高度 */
    --line-height: 32px;
    --height: 32px;
    /* 小圆角，用于标签tag,按钮 */
    --small-radius: 4px;
    /* 中圆角 */
    --middle-radius: 8px;
    /* 大圆角,用于卡片 */
    --large-radius: 12px;

    /**
    * 注释: 颜色
    *
    * */
    /* 主题色 */
    --primary: #194ec7;
    // --secondary: lighten(var(--primary), 80%);
    --secondary: #779be7;
    /* 副标题的颜色 */
    --subtitle: #999;

    --blue: #3772ff;
    --red: #ea4c89;
    --pink: #ff97b7;
    --success: #129c6e;
    --warning: #fca311;
    --dark: #333;
}
